.custom-page {
    width: fit-content;
    .selected-act{
        color: red;
        border-color: red;
    }
    .change-page{
        font-size: 16px;
        color: #000;
        height: 32px;
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        line-height: 32px;
        min-width: 32px;
        text-align: center;
        cursor: pointer;
        &:hover {
            color: red;
            border-color: red;
        }
    }
    .click-none {
        opacity: 0.3;
        pointer-events: none;
    }
    .pre-page {
        margin-right: 8px;
    }
    .last-page {
        margin-left: 8px;
    }
    ul {
        margin: 0;
    }
    li{
        list-style: none;
        height: 32px;
        line-height: 32px;
        min-width: 32px;
        text-align: center;
        margin-right: 8px;
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        outline: 0;
        cursor: pointer;
        &:hover {
            color: red;
            border-color: red;
        }
    }
    .total {
        margin-right: 15px;
        .total-num {
            margin: 0 8px;
        }
    }
    .jump-page {
        margin-left: 15px;
        input {
            -moz-appearance:textfield;
            height: 32px;
            width: 50px;
            border: 1px solid #d9d9d9;
            border-radius: 4px;
            outline:none;
            margin: 0 10px;
            text-indent: 10px;
            &:focus {
                border-color: red;
            }
        }
        input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            appearance: none;
            margin: 0;
        }
        input[type="number"] {
            -moz-appearance: textfield;
        }
    }
    .left-div{
        display: inline-block;
    }
    .right-div{
        display: inline-block;
    }
}